<template>
    <div>
        <p @click="editUserinfoFn">我是父组件</p>
        <Son></Son>
    </div>
</template>

<script>

import Son from './Son.vue';

// 父传子第二种方式:
// 定义: 在子组件中通过this 获取子组件实例对象, 然后this.$parent 进而获取父组件实例
// 然后在调用父组件实例上的所有的数据和方法

export default {
    data() {
        return {
            userinfo: {
                name: '刘备',
                age: 50
            }
        }
    },
    methods: {
        editUserinfoFn() {
            this.userinfo.age++
        }
    },
    components: {
        Son
    }
}
</script>
<style scoped></style>